<template>
  <div class="footer-three">
    <ul>
      <li v-for="(item, index) in list" :key="index">
        <span>{{ item }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: ["Shipping", "Returns", "FAQS"]
    };
  }
};
</script>
<style lang="scss" scoped>
.footer-three {
  ul {
    li {
      height: 22px;
      line-height: 22px;
      text-align: center;
      font-size: 14px;
      list-style: none;
      span {
        cursor: pointer;
      }
    }
  }
}
</style>
